/*
 * 通配
 */
#app {
  position: absolute;
  // top: 26px;
  top: 0;
  bottom: 0;
  width: 100%;
}

.radius{
  border-radius:4px;
}

.fade-enter-active,
.fade-leave-active {
  transition: all .2s ease;
}

.fade-enter,
.fade-leave-active {
  opacity: 0;
}

//通配OA菜单
.fm-menu-left-bar .fm-menu-item-drop-display{
  z-index:1000;
}

//推出登录
.el-dropdown-menu .el-dropdown-menu__item--divided {
  margin-top: 0;
  border-top: none;
}

/*分页*/
.pager{
  background:#fff;
  padding:5px 0 0;
  /*border:1px solid #ebeef5;*/
  .el-pagination {
    float: left !important;
}
}



/*
 * 通用选项卡
 */
.mainBorrow {
  .el-tabs--card{
    >.el-tabs__header{
      border-bottom: 2px solid #428bca;
      .el-tabs__nav{
        border:none;
        background:#fff;
      }
      .el-tabs__item{
        //padding:0 30px;
        height:32px;
        line-height:32px;
        margin-right:3px;
        border-right:1px solid #e4e7ed;
        border-top:1px solid #e4e7ed;
        border-radius:3px 3px 0 0;
        border-bottom:none;
        -webkit-transition: none;
        transition: none;
        -moz-transition: none;
      }
      .el-tabs__item:first-child{
        border-left:1px solid #e4e7ed;
      }
      .el-tabs__item:hover,.el-tabs__item:focus,.el-tabs__item:visited,.el-tabs__item:active{
        color:#444;
      }
      .el-tabs__nav-wrap{
        margin-bottom:0;
      }
      .el-tabs__item.is-active{
        color:#fff;
        background:#3A75C3;
        border-color: #3A75C3 !important;
      }
    }
  }
}

//我的借阅次级选项卡
.mainBorrowTop .el-tabs__header{
  margin:0;
  .el-tabs__nav{
    border:none;
    background:none !important;
  }
  .el-tabs__item{
    background:#fff;
  }
}

.mainBorrowTop .mainBorrowBottom .el-tabs__header{
  margin:0;
  .el-tabs__item{
    padding:0 10px !important;
    margin:0 10px 0 0;
    background:none;
  }

  .el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2), .el-tabs--bottom .el-tabs__item.is-top:nth-child(2), .el-tabs--top .el-tabs__item.is-bottom:nth-child(2), .el-tabs--top .el-tabs__item.is-top:nth-child(2) {
    margin-left: 0;
  }

  .el-tabs__active-bar{
    display:none;
  }

  .el-tabs__nav-wrap{
    margin-bottom:-2px;
  }

  .el-tabs__item.is-active{
    color:#428bca;
    border-bottom: 4px solid #428bca;
  }

  .el-tabs__item:hover,.el-tabs__item:focus,.el-tabs__item:visited,.el-tabs__item:active{
    color:#428bca;
  }
}

//更多选项卡
.more{
  .el-radio-button__inner{
      padding:6px 5px;
      background:rgb(221,221,221);
      color:#444;
      -webkit-transition: none;
      transition: none;
      -moz-transition: none;
      border-radius: 4px !important;
  }
  .el-radio-button__orig-radio:checked+.el-radio-button__inner {
    color: #FFF;
    border-color: rgba(83,139,213,1);
    background: rgba(83,139,213,1);
  }
  .el-radio-button__inner:hover,.el-radio-button__inner:focus,.el-radio-button__inner:visited,.el-radio-button__inner:active{
    color:#444;
  }
}

//首页选项卡
.indexBorrow {
  .el-tabs--card>.el-tabs__header {
    margin: 0;
  }
}

/*
 * 通用提示框
 */
.el-message-box{
}

.el-message-box .el-message-box__btns{
  background: #eee;
  padding: 10px;
  text-align: center;
}

.el-message-box .el-message-box__content{
  padding: 20px;
  text-align:center;
}
.el-message-box .el-message-box__btns .el-button--primary{
  background: #ffffff;
}
.el-message-box .el-message-box__content .el-message-box__message{
  display:inline-block;
}

.el-message-box .el-message-box__content .el-message-box__status{
  font-size:28px !important;
  display:inline-block;
  position:relative;
  left:0;
  line-height:0;
}

.el-message-box .el-message-box__content .el-message-box__status+.el-message-box__message {
  padding-left: 12px;
}

.el-message-box .el-message-box__content .el-message-box__status.el-icon-success{
  color:#03bcd4;
}

.el-message-box .el-message-box__headerbtn .el-message-box__close {
  color: #606266;
  font-size: 20px;
  font-weight: 700;
}

.el-message-box .el-message-box__headerbtn:hover .el-message-box__close{
  color:#03bcd4;
}

.el-message-box .el-message-box__headerbtn {
  top: 9px;
  right: 9px;
}

.el-message-box .el-message-box__btns{
  padding:15px 0;
  background:#f2f4f9;
}

.el-message-box .el-message-box__btns>button:first-child{
  font-size:13px;
}

.el-message-box .el-message-box__btns>button:last-child{
  font-size:13px;
}

//提示框按钮
.el-message-box .el-message-box__btns>button:last-child{
  height:35px;
  border-radius:6px;
  color:#fff;
  text-align:center;
  border:1px solid #00a5bb;
  background-color: #00bcd4;
}

.el-message-box .el-message-box__btns>button:last-child:active,.el-message-box .el-message-box__btns>button:last-child:visited,.el-message-box .el-message-box__btns>button:last-child:focus{
  background:#03bcd4;
  color:#fff;
  border:1px solid #00a5bb;
}

.el-message-box .el-message-box__btns>button:last-child:hover{
  background-color: #00a5bb;
  border:1px solid #0098ac;
}

.el-message-box .el-message-box__btns>button:first-child{
  height:35px;
  border-radius:6px;
  //width:70px;
  color:#03bcd4;
  text-align:center;
  border:1px solid #00bcd4;
}

.el-message-box .el-message-box__btns>button:first-child:active,.el-message-box .el-message-box__btns>button:first-child:visited,.el-message-box .el-message-box__btns>button:first-child:focus{
  color:#03bcd4;
  border:1px solid #00bcd4;
  background:#fff;
}

.el-message-box .el-message-box__btns>button:first-child:hover{
  background:#ecf5ff;
}

/*
 * tree树
 */
//普通tree
.el-tree-node__content{
  height:35px !important;
}

//强制修改树的横向滚动
.superTree1 .el-tree-node>.el-tree-node__children {
  overflow: inherit !important;
}

.superTree1 .el-tree-node__content{
  //white-space:normal;
  //line-height:20px;
}

//.el-tree>.el-tree-node .custom-tree-node span{
//  font-size:14px !important;
//}

//高级检索tree树
// .searchNameTree .el-tree .el-tree-node__expand-icon{
//   display:none;
// }

.el-dropdown-menu .el-tree .el-tree-node__expand-icon{
  display:none;
}

.el-dropdown-menu .el-tree.superTree .el-tree-node{
  background:#fff;
}

.el-dropdown-menu .el-tree.superTree .el-tree-node>.el-tree-node__content{
  padding:0 5px !important;
  height:30px !important;
  margin-top:5px;
}

.el-dropdown-menu .el-tree.superTree .el-tree-node__children .el-tree-node{
  background-color:rgb(245,245,245);
}

.el-dropdown-menu .el-tree.superTree>div>div>div.is-current{
  color:#3c78d4;
}

.el-dropdown-menu .el-tree.superTree>div .custom-tree-node span{
  font-size:12px !important;
}

.el-dropdown-menu .el-tree.superTree>div>div>div .custom-tree-node span{
  font-size:14px !important;
  padding-left:7px;
}

.el-dropdown-menu .el-tree.superTree>div{
  color:#606266;
}

//案卷文件页面tree
.zebraTree .el-tree .el-tree-node__expand-icon{
  display:none;
}

//.zebraTree .el-tree>div>div>.el-tree-node__label{
//  font-size:12px;
//}

.zebraTree .el-tree .el-tree-node{
  background:#fff;
}
.zebraTree .el-tree .el-tree-node>.el-tree-node__content{
  padding:0 5px !important;
  height:30px !important;
}

.zebraTree .el-tree .el-tree-node__children .el-tree-node{
  background-color:rgb(245,245,245);
}

.zebraTree .el-tree>div>div>div.is-current{
  color:#3c78d4;
}

//.zebraTree .el-tree>div .custom-tree-node span{
//  font-size:12px !important;
//}

.zebraTree .el-tree>.el-tree-node>.el-tree-node__content{
  font-size:12px !important;
}

.zebraTree .el-tree>.el-tree-node>.el-tree-node__children{
  font-size:14px !important;
}

.zebraTree .el-tree>div>div>div>div .el-tree-node__label{
  padding-left:11px;
}

.zebraTree .el-tree>div{
  color:#606266;
}

.zebraTree .el-tree>div{
  color:#606266;
}

//.oaTree .el-tree .el-tree-node__expand-icon{
//  display:none;
//}

//单个样式
.el-tree .fa-circle{
  color:#888;
}

.el-tree .fa-circle-o{
  color:#888;
}

.el-tree .chooseColor{
  color:#3c78d4;
}

//选中
.el-tree .is-current>.el-tree-node__content>.custom-tree-node>span{
  color:rgb(66,139,202);
}

.el-tree .is-current>.el-tree-node__children{
  color:#606266;
}

//边框
.el-tree>div>.el-tree-node__content>.custom-tree-node{
  border-left:none !important;
}

.el-tree>div>.el-tree-node__children>div>.el-tree-node__content>.custom-tree-node{
  border-left:none !important;
}

//弹出框tabs样式
.poptabs{
  .el-tabs__item:hover,.el-tabs__item:focus,.el-tabs__item:visited,.el-tabs__item:active{
    color:#444;
  }
  .el-tabs--card>.el-tabs__header{
    .el-tabs__item{
      height:32px;
      line-height:32px;
      margin-right:3px;
      border:1px solid #e4e7ed;
      border-radius:3px 3px 0 0;
    }
  }
  .el-tabs__nav-wrap{
    margin-bottom:0;
  }
  .el-tabs--card>.el-tabs__header .el-tabs__nav{
    border:none;
    background:#fff;
  }
  .el-tabs--card>.el-tabs__header .el-tabs__item{
    -webkit-transition: none;
    transition: none;
    -moz-transition: none;
  }
  .el-tabs--card>.el-tabs__header .el-tabs__item:first-child{
    border-left:1px solid #e4e7ed;
  }
  .el-tabs--card>.el-tabs__header{
    border:0;
  }
  .el-tabs__item.is-active{
    color:#fff;
    background:rgb(66,139,202);
    border-color: rgb(66,139,202) !important;
  }
}
//可以背景变换的tree
.myzebraTree{
  position: absolute;
  left:5px;
  top:126px;
  bottom:10px;
  right:5px;
}
//.myzebraTree .el-tree>div>div>div.is-current .el-tree-node__content{
//  color:#111111!important;
//  background: #d4e6ff;
//}
.myzebraTree .el-tree .el-tree-node .is-current {
  .el-tree-node__content{
    background: #d4e6ff;
  }
  .el-tree-node__children{
    .el-tree-node__content{
      background: #f5f7fa;
    }
  }
}
.myzebraTree .el-tree>div>div>div .is-checked .el-tree-node__content{
  color:#111111!important;
  background: #d4e6ff;
}
.myzebraTree .el-tree>div>div>div.el-tree-node .el-tree-node__content:active,.myzebraTree .el-tree>div>div>div.el-tree-node .el-tree-node__content:visited,.myzebraTree .el-tree>div>div>div.el-tree-node .el-tree-node__content:focus{
  background: #d4e6ff;
}
.myzebraTree .el-tree{
  padding:0 2px!important;
  overflow-y:auto;
  height:100%;
  .el-checkbox{
    display: none;
  }
}

//断点续传滚动条
.el-progress__text{
  font-size:13px !important;
}
//选中项
.el-tree>div>div>div.is-checked .el-tree-node__content{
  color:#111111!important;
  background: #d4e6ff;
}

//原文挂接选中文件样式
.selectPdfColor{
  border:5px solid #67c23a !important;;
}

//计数器
.el-input-number.is-controls-right .el-input-number__decrease{
  right: 6px !important;
  bottom: 6px !important;
}

.el-input-number.is-controls-right .el-input-number__increase{
  top:5px;
  right:6px;
}

.el-input-number.is-controls-right .el-input-number__decrease, .el-input-number.is-controls-right .el-input-number__increase{
  line-height:14px !important;
}

.el-input-number .el-input__inner{
  text-align:left !important;
}

//检索页面默认选中的tree颜色
.siteColor{
  color:#428bca;
}

.el-tooltip__popper {
  border-radius: 4px;
  padding:10px 30px!important;
  text-align: center;
}

//新加样式
//.tablePosition{
//  top:90px !important;
//}
//
//.rowTwo{
//  padding-top:0 !important;
//}
//
//.fileManagement .el-main .fileList{
//  bottom:41px !important;
//}
//
//.fileManagement .el-main .tablePosition .pager{
//  padding:5px 15px 5px 5px !important;
//}

//公司树的选中
//.el-dropdown-menu .companytreeBox .el-tree .is-current{
//  -ms-background: #d4e6ff!important;
//  .el-tree-node__children{
//    -ms-background: #fff!important;
//  }
//}
.el-dropdown-menu .companytreeBox .el-tree {
  background: #fff;
   .el-tree-node__content:hover{
     background:  #d4e6ff;
   }
   .el-tree-node:focus>.el-tree-node__content{
     background:  #d4e6ff;
   }
  .is-current{
    background: #d4e6ff!important;
    .el-tree-node__children{
          background: #fff!important;
        }
  }
}

//有无略缩图 均设置图片为元素
.pImg .ImgClass img{
  display:block;
}

.pImg .allColor{
  border:5px solid #67c23a;
}

//移交树
  .targetStore .el-checkbox__input.is-disabled .el-checkbox__inner{
    background: transparent;
    border:0;
  }


// .serTree .el-tree-node>div>span>.fa-plus-square-o{
//   // display:block !important;
// }

// .serTree .el-tree-node>div>span>.fa-minus-square-o{
//   display:none !important;
// }

// .serTree .el-tree-node.is-expanded>div>span>.fa-plus-square-o{
//   display:none !important;
// }

// .serTree .el-tree-node.is-expanded>div>span>.fa-minus-square-o{
//   display:block !important;
// }
// .serTree>.el-tree>.el-tree-node>.el-tree-node__content>.custom-tree-node>.fa-institution{
//   display: block !important;
// }

// .serTree .el-tree-node__expand-icon.expanded{
//   display: none !important;
// }
// .serTree .el-tree-node__content>.el-tree-node__expand-icon{
//   display: none !important;
// }
// .serTree>.el-tree>.el-tree-node>.el-tree-node__children>.el-tree-node>.el-tree-node__children>.el-tree-node>.el-tree-node__children>.el-tree-node .fa-plus-square-o{
//   display: none !important
// }
//人员变更 下滑线  选项卡
.mainBorrowTops .el-tabs__header{
  margin:0;
  .el-tabs__nav{
    border:none;
    background:none !important;
  }
  .el-tabs__item{
    // background:#fff;
  }
}

.mainBorrowTops .mainBorrowBottom .el-tabs__header{
  margin:0;
  .el-tabs__item{
    padding:0 10px !important;
    margin:0 10px 0 0;
    background:none;
  }
}
.treeAudit .el-tree-node .el-tree-node__children{
  overflow:inherit !important;
}

//分类管理树
.classManageTree .el-tree .el-tree-node{
  background:#fff;
}
.classManageTree .el-tree .aaa{
  background: red!important;
}
.classManageTree .el-tree .el-tree-node>.el-tree-node__content{
  // padding:0 5px !important;
  height:30px !important;
}

.classManageTree .el-tree .el-tree-node__children .el-tree-node{
  // background-color:rgb(245,245,245);
}

.classManageTree .el-tree>div>div>div.is-current{
  color:#3c78d4;
}
.classManageTree .el-tree>.el-tree-node>.el-tree-node__content{
  font-size:12px !important;
}

.classManageTree .el-tree>.el-tree-node>.el-tree-node__children{
  font-size:14px !important;
}

.classManageTree .el-tree>div>div>div>div .el-tree-node__label{
  padding-left:11px;
}

.classManageTree .el-tree>div{
  color:#606266;
}

.classManageTree .el-tree>div{
  color:#606266;
}
.classManageTree .el-tree .el-tree-node .is-current {
  .el-tree-node__content{
    background: #d4e6ff;
  }
  .el-tree-node__children{
    .el-tree-node__content{
      // background: #f5f7fa;
    }
  }
}
.classManageTree .el-tree>div>div>div .is-checked .el-tree-node__content{
  color:#111111!important;
  background: #d4e6ff;
}
.classManageTree .el-tree>div>div>div.el-tree-node .el-tree-node__content:active,.classManageTree .el-tree>div>div>div.el-tree-node .el-tree-node__content:visited,.classManageTree .el-tree>div>div>div.el-tree-node .el-tree-node__content:focus{
  background: #d4e6ff;
}
.classManageTree .el-tree{
  padding:0 2px!important;
  overflow-y:auto;
  height:100%;

}
//归入库位的树
.enterTree .el-tree .el-tree-node__expand-icon.el-icon-caret-right{
  display: none;
}
.enterTree .el-tree .is-disabled{
  display: none;
}
.searchNameTree .el-tree .is-disabled{
  display: none;
}

//将树的复选框变成圆形
.cycleTree .el-tree .el-checkbox .el-checkbox__inner{
  border-radius:7px;
}

//分组及案卷管理下的树
.CMMTree{

}

//.CMMTree .el-tree .el-tree-node .is-current {
//  .el-tree-node__content{
//    background: #d4e6ff;
//  }
//  .el-tree-node__children{
//    .el-tree-node__content{
//      background: #f5f7fa;
//    }
//  }
//}
.CMMTree .el-tree .is-current .el-tree-node__content{
  color:#111111!important;
  background: #d4e6ff;
}
.CMMTree .el-tree .is-current .el-tree-node__children{
  .el-tree-node__content{
    // background: #f5f7fa;
  }
}
//.CMMTree .el-tree>div>div>div .is-checked .el-tree-node__content{
//  color:#111111!important;
//  background: #d4e6ff;
//}
//.CMMTree .el-tree>div>div>div.el-tree-node .el-tree-node__content:active,.CMMTree .el-tree>div>div>div.el-tree-node .el-tree-node__content:visited,.CMMTree .el-tree>div>div>div.el-tree-node .el-tree-node__content:focus{
//  background: #d4e6ff;
//}

.el-checkbox__input{
  width:5px;
}
//弹出信息样式修改
.el-message .el-message__content{
  display: inline-block!important;
}
.el-tree-node__content>.el-checkbox{
  margin-right: 16px !important;
}

//消除tab标签页内容
.singleDiv2 .el-tabs .el-tabs__content{
  display: none;
}

/*
.titleBlue {
  width: 99%;
  height: 30px;
  margin: 10px 0;
  position: absolute;
  color: #3A75C3;
  font-size: 16px;
  font-weight: 800;
  padding: 3px 20px;
  line-height: 20px;

}
.titleBlue b {
  width: 5px;
  height: 18px;
  background: #3A75C3;
  border-radius: 3px;
  position: absolute;
  left: 10px;
  top: 2px;
}*/
.titleBlue {
  color: #3A75C3;
  font-weight: 500;
  font-size: 16px;
  height: 50px;
  line-height: 50px;
  position: relative;
}
.titleBlue b {
  display: inline-block;
  width: 6px;
  height: 20px;
  background-color: #3A75C3;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
}
.titleBlue .titleText {
  margin-left: 12px;
  font-weight: bold;
  text-shadow: 0px 0px 1px #79aaec;
}

section .mainSection{
  padding: 0 5px 0 10px;
  height: 100%;
  overflow-y: hidden;
  position: relative;
  .mainDoc {
    //position: absolute;
    //top: 50px;
    margin: 3px 0 0 0px;
    background: #fff;
    bottom: 10px;
    left: 0;
    right: 0;
    padding: 0;
    overflow-y: auto;
    position: relative;
    top:0;
    .mainCon {
      background: #fff;
      padding: 0 10px 10px 10px;
      border-radius: 2px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
      .loanTipTitle {
        position: relative;
        padding: 0 10px 0 20px;
        height: 40px;
        line-height: 40px !important;
        color: #205193;
        font-size: 16px;
        .titleSect {
        }
      }
      .waitTable {
        padding: 0 10px 10px;
      }
      .listTitle {
      }
      .processApplyList {
        line-height: 30px;
        padding: 0 10px;
        margin: 7px 0px 10px 0;
        box-shadow: 0px 0px 4px 0px rgba(153, 153, 153, 1);
        min-height: 30px;
        background: rgba(254, 254, 254, 1);
        /*box-shadow: 0px 0px 4px 0px rgba(153, 153, 153, 1);*/
        border-radius: 4px;
        display: inline-block;
        //width: calc(100% - 116px);
        width: 100%;
        //box-sizing: content-box;
        box-sizing: border-box;
        vertical-align: top;
        box-shadow: 0px 0px 4px 0px rgba(153, 153, 153, 1);
      }

      li.processItem {
        border: 1px solid #ccc;
        height: 22px;
        line-height: 20px;
        margin: 3px 5px;
        padding: 0px 5px;
        border-radius: 2px;
        display: inline-block;
      }
      .borderTable {
        margin-top: 8px;
      }
      form.fileApplyForm .clear .el-form-item {
      }
      form.fileApplyForm {
        .baseInformation.clear {
          .el-form-item {
            width: 33.33%;
          }
        }

      }
    }
    .mainArea {
      margin-top:10px;
      background: #fff;
      padding: 0 10px 10px 10px;
      border-radius: 2px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
      .loanTipTitle {
        position: relative;
        padding: 0 10px 0 20px;
        height: 40px;
        line-height: 40px !important;
        color: #205193;
        font-size: 16px;
        .titleSect {
        }
      }
      .waitTable {
        padding: 0 10px 10px;
      }
      .listTitle {
      }
      .processApplyList {
        line-height: 30px;
        padding: 0 10px;
        margin: 7px 0px 10px 0;
        box-shadow: 0px 0px 4px 0px rgba(153, 153, 153, 1);
        min-height: 30px;
        background: rgba(254, 254, 254, 1);
        /*box-shadow: 0px 0px 4px 0px rgba(153, 153, 153, 1);*/
        border-radius: 4px;
        display: inline-block;
        //width: calc(100% - 116px);
        width: 100%;
        //box-sizing: content-box;
        box-sizing: border-box;
        vertical-align: top;
        box-shadow: 0px 0px 4px 0px rgba(153, 153, 153, 1);
      }

      li.processItem {
        border: 1px solid #ccc;
        height: 22px;
        line-height: 20px;
        margin: 3px 5px;
        padding: 0px 5px;
        border-radius: 2px;
        display: inline-block;
      }
      .borderTable {
        margin-top: 8px;
      }
      form.fileApplyForm .clear .el-form-item {
      }
      form.fileApplyForm {
        .baseInformation.clear {
          .el-form-item {
            width: 33.33%;
          }
        }

      }
    }
    .buttonArea {
      //height:50px;
      //line-height: 50px;
      //vertical-align: bottom;
      margin-top:10px;
      text-align: center;
      font-size: 0;
      background: #fff;
    }
    .basicList {
      .basicForm {
        margin: 0;
        .basicItem {

        }
      }
    }
    .mainCon:first-of-type {
      margin: 0;
    }
  }
}
.treeView {
  background: #FFFFFF;
  height: calc(100% - 102px);
  padding:3px 10px;
}


.BMap_cpyCtrl {
  display: none;
}
.anchorBL {
  display: none;
}

.shadowPanel{
  background: #fff;
  border-radius: 8px;
  box-shadow: 0;
  padding:0;
}
.radiusPanel{
  background: #fff;
  border-radius: 8px;
  padding:5px;
}

section .watchSection {
  .el-container{
    background: #ffffff;
    margin: 10px;
    // padding: 10px !important;
    padding: 10px 10px 10px 15px!important;
    overflow-y: auto;
    border-radius: 12px;
    // box-shadow: 0px 0px 4px 0px #eeeeee;
    box-shadow:  2px 0px 5px 5px #eeeeee;
    height:auto;
  }
}

section .noScrollSection{
  overflow: hidden;
}

section .rootSection{
  min-width: 1200px;
  overflow-x: auto;
}

.paginationDiv{
  width: 100%;
  height:50px;
  line-height:50px;
  text-align: center;
  vertical-align: bottom;
  padding-top:10px;
}